.body_monitor_net {
    .navConBox{
        height: 56px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDE2E8;
        width: 100%;
        li{
            height:55px;
            line-height:55px;
            float: left;
            display: inline-block;
            width:78px;
            text-align: center;
            margin-left:20px;
            cursor: pointer;
            &:hover{
                color: #4C4E54;
                border-bottom: 2px solid #FFC800;
            }
            a {
                font-size: 16px;
                color: #8EA6BD;
                display: block;
                &.current{
                    color: #4C4E54;
                    border-bottom: 2px solid #FFC800;
                }
            }
        }
    }
    
    .ifmBox{
        padding: 20px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDE2E8;
        ul li{
            display:inline-block;
            margin-right:40px;
            height:30px;
            line-height:30px;
            a{
                font-size: 14px;
                color: #8EA6BD;
                &.active{
                    color: #FFC800;
                }
                &:hover{
                    color: #FFC800;
                }
            }
        }
    }
    
    .listBox{
        .searchBox{
            height:30px;
            padding:17px 25px;
            border-bottom: 1px solid #DDE2E8;
            background: #F7F8FA;
            font-size: 14px;
            color: #4C4E54;
            .name{
                height: 30px;
                line-height: 30px;
                float:left;
            }
            .dateBox{
                float: left;
                margin:0 10px;
                input{
                    width:150px;
                    height: 28px;
                    line-height: 28px;
                    padding:0 10px;
                    background: #FFFFFF;
                    border: 1px solid #DDE2E8;
                    border-radius: 2px;
                    cursor: pointer;
                }
            }
            .wayBox{
                float: left;
                margin: 0 10px;
                height:30px;
                line-height: 30px;
                .wayspan{
                    display: inline-block;
                    float:left;
                    margin-right: 10px;
                    i{
                        cursor: pointer;
                        margin-right: 5px;
                        &.icon-check{
                            color: #FFD600;
                        }
                    }
                }
            }
            .searchBtn{
                float:left;
                margin-left:50px;
                height: 30px;
                line-height: 30px;
                background-color: #FFD600;
                border-radius: 2px;
                width:100px;
                text-align: center;
                color:#333;
                cursor: pointer;
            }
        }
        
        .list_content {
            padding: 36px 25px;
            background: #fff;
            #net_table {
                width: 100%;
                border-collapse: collapse;
                border: 1px solid #DDE2E8;
                border-radius: 2px;
                position: relative;
	            .loadingBox {
	                margin:200px auto;
	            }
                tbody {
                    tr {
                        height:30px;
                        text-align:left;
                        border-bottom: 1px solid rgba(78,84,108,0.1);
                        width: 100%;
                        &:hover {
                            background: rgba(78,84,108,0.04);
                        }
                        &.th{
                            font-size: 15px;
                            color: #4C4E54;
                            th{
                              font-weight: 500;  
                              padding-left:10px;
                            }
                        }
                        
	                    /***转载弹框**/
	                    ul{
	                        display:none;
	                        width:100%;
	                        max-height:500px;
	                        overflow-y:auto;
	                        margin:15px auto 5px;
	                        padding:10px 0;
	                        background:#778899;
	                        position:absolute;
	                        left:0;
	                        box-shadow: 0 0 5px 0 rgba(44,44,44,0.63);
	                        z-index: 5;
	                        li{
	                            height:25px;
	                            font-size:14px;
	                            color:#fff;
	                            width:100%;
	                            text-align:left;
	                            a {
	                                color:#fff !important;
	                                padding-left:10px;
	                                display: inline-block;
	                                white-space: nowrap;
	                                overflow: hidden;
	                                text-overflow: ellipsis;
	                                vertical-align:bottom;
	                                &:first-child {
	                                    color:#fff !important;
	                                    width: 29.5% !important;
	                                }
	                                &:nth-child(2) {
	                                    font-size:14px;
	                                    width: 12.4%;
	
	                                }
	                                &:nth-child(3) {
	                                    font-size:14px;
	                                    width:18.3%;
	                                }
	                                &:nth-child(4) {
	                                    font-size:15px;
	                                    width: 20%;
	                                }
	                            }
	                        }
	                    }
                        
                        td {
                            text-align: left;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-size: 15px;
                            height: 35px;
                            color:#8EA6BD;
                            padding-left:10px;
                            &:first-child {
                                width: 30%;
                                max-width: 240px;
                                a {
                                    width:97%;
                                    cursor: pointer;
                                    display: block;
                                	overflow: hidden;
                               		white-space: nowrap;
                                	text-overflow: ellipsis;
                                    color: #4C4E54;
                                    &:visited {
                                        color: #86698C;
                                    }
                                    &:hover {
	                                    color: #697B8C;
	                                }
                                }
                            }
                            &:nth-child(2) {
                                width: 13%;
                                max-width:120px;
                            }
                            &:nth-child(3) {
                                width: 13%;
                                max-width:120px;
                            }
                            &:nth-child(4) {
                                width: 6%;
                                cursor: pointer;
                                color: #8EA6BD;
                                .triangle_up{
                                    display:none;
                                }
                            }
                            &:nth-child(5) {
                                width: 15%;
                                color: #8EA6BD;
                            }
                            &:nth-child(6) {
                                width: 6%;
                                &.red{
                                    color:#F44336;
                                }
                                &.green{
                                    color:#98DD35;
                                }
                            }
                            &:nth-child(7) {
                                width: 10%;
                                cursor: pointer;
                                color:#FFC800;
                                font-size:20px;
                            }
                            &:nth-child(8) {
                                width: 6%;
                                cursor: pointer;
                                .black{
                                    color: #4C4E54;
                                    text-decoration:underline;
                                }
                                .grey{
                                    color:#8EA6BD;
                                    text-decoration:none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}